<template>
	<!-- 支付成功 -->
	<view class="container">
		<view class="container-top">
			<image src="../../static/支付成功_slices/支付成功.png" mode=""></image>
		</view>
		<view class="prosperity">
			支付成功
		</view>
		<view class="cancel">
			查看核销码
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		methods: {
			
		},
	};
</script>

<style lang="less" scoped>
	.container{
		background-color: #FFFFFF;
		height: 100vh;
		.container-top{
			padding-top: 84rpx;
			image{
				width: 164rpx;
				height: 164rpx;
				margin: auto;
			}
		}
		.prosperity{
			width: 750rpx;
			height: 50rpx;
			font-family: PingFangSC, PingFang SC;
			font-weight: 500;
			font-size: 36rpx;
			color: #C19C55;
			line-height: 50rpx;
			text-align: center;
			font-style: normal;
			margin-top: 42rpx;
		}
		.cancel{
			width: 690rpx;
			height: 100rpx;
			background: #C19C55;
			font-weight: 500;
			font-size: 32rpx;
			color: #FFFFFF;
			line-height: 100rpx;
			text-align: center;
			margin: 98rpx auto;
			
		}
	}
</style>